<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2011 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<div data-bb-type="screen" data-bb-effect="fade" >
	<div data-bb-type="title" data-bb-caption="[hack] Data on the Fly [/hack]" data-bb-back-caption="Back" ></div>
	<style>
		.center { margin: 0px auto 0px auto;}
	</style>
	<script id="dataOnTheFlyJS" src="js/dataOnTheFly.js"></script>
	
	<div id="buttonpanel" data-bb-type="round-panel"> 
        <div data-bb-type="button" data-bb-style="stretch" onclick="dataOnTheFly_addListItem();" id="plain">Add List Item</div>
		<div data-bb-type="button" data-bb-style="stretch" onclick="dataOnTheFly_addDropDown();" id="plain">Add DropDown</div>
    </div>
	
	<div id="waiting" style="text-align:center;padding-top:50px;padding-bottom:50px;">
		<img id="bb7Loading" src="images/loading1.gif" />
		<div id="bb10Loading" class="center" id="actind" data-bb-type="activity-indicator" data-bb-size="large"></div>
	</div>
	
	<div id="dataList" data-bb-type="image-list" data-bb-image-effect="fade">
		
	</div>
	
	<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>